<template>
	<div>
		<!-- 新闻banner -->
		<div class="banner_xw">
			<img class="xw_banner" src="../../assets/images/banner_5.png" />
			<div class="xw_b_xx">
				<span>产品展示</span>
				<img src="images/xian.png">
				<p>Product display</p>
			</div>
		</div>

		<div class="ny_z">
			<div class="ny">
				<div class="ny_left">
					<div class="pub_news_nav1">
						<div class="pub_newhader">
							<i class="nh_left"><img src="../../assets/images/us_ims.png"></i>
							<p class="nh_right">
								<span>产品展示</span>
								<a>Product display</a>
							</p>
						</div>
						<ul class="left_nav">
							<li :class="aboutactive==index?'lb_actiov':''" @click="NavClick(item.productpath,index)" v-for="(item,index) in productlist" :key="index">{{item.productname}}<i class="fa fa-angle-right"></i></li>
						</ul>
						<div class="hot_pot">
							<p class="hots_p1">24小时客服热线</p>
							<p class="hots_p2">0362-5125465</p>
							<p class="hots_p3">
								<a href="#"><img src="../../assets/images/qq.png" /></a>
								<a href="#"><img src="../../assets/images/wx.png" /></a>
								<a href="#"><img src="../../assets/images/yx.png" /></a>
							</p>
						</div>
					</div>
				</div>
				<div class="ny_right">
					<router-view></router-view>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				aboutactive:0,
				productlist:[{
					productname:'污水设备',
					productpath:'/product/product_list/1'
				},{
					productname:'废水处理',
					productpath:'/product/product_list/2'
				},{
					productname:'废气净化',
					productpath:'/product/product_list/3'
				},{
					productname:'噪音处理',
					productpath:'/product/product_list/4'
				}],
				
			}
		},
		created() {
			if(sessionStorage.getItem("leftindex") == null) {
				this.aboutactive = 0
			}
			this.aboutactive = sessionStorage.getItem('leftindex')
		},
		methods: {
			// 编程式导航跳转并记录高亮，将当前高亮记录到sessionStorage中
			NavClick(path,index) {
				this.aboutactive = index
				sessionStorage.setItem('leftindex',index)
				this.$router.push(path)
			}
		}
	}
</script>

<style scoped>
	



</style>
